import React from 'react';
import { Cascader } from 'antd';
import './inputcitystyled.css'; 
import options from './city';
import store from "../../store/index";
// const options = [
//   {
//     value: '浙江',
//     label: '浙江',
//     children: [
//       {
//         value: '杭州',
//         label: '杭州',
//         children: [
//           {
//             value: '西湖',
//             label: '西湖',
//           },
//         ],
//       },
//     ],
//   },
//   {
//     value: '江苏',
//     label: '江苏',
//     children: [
//       {
//         value: '南京',
//         label: '南京',
//         children: [
//           {
//             value: '中华门',
//             label: '中华门',
//           },
//         ],
//       },
//     ],
//   },
// ];

function onChange(value) {
  // console.log(value);
  store.dispatch({type:"CITY",citydata:value.join(" ")});

}
const InputCity = () => (
  <div className="inputcity">
    <Cascader options={options} onChange={onChange} placeholder="请选择" />
  </div>
);

export default InputCity;